@charset 'utf-8';
@import  'sandal/core';
@import  'core/mixins', 'core/functions', 'core/vars';


@mixin info {
 	& > h3 {
		padding: 50px 0 20px;
		margin: 0 auto;
		color: #fff;
		font-size: $font22;
	}

	& > p {
		line-height: 2;
		text-indent: 2em;
		color: #fff;
		font-size: $font16;
	}
}

.ht-riskctrl {
	background-color: rgba(76, 177, 255, .8);
	
	& > section {
		width: $w;
		margin: 0 auto;
	}
}

.ht-riskctrl-system {
	margin-top: 575px;
	& > section {
		@include info();
	}
}

.ht-riskctrl-info {
	margin-top: 40px;
	margin-left: 40px;
	@extend %clearfix;

	li {
		position: relative;
		float: left;
		width: 290px;
		height: 255px;
		margin-right: 20px; 
		padding: 66px 0 0;
		background-color: #fff;
		
		&:before {
			content: "";
			position: absolute;
			top: 10px;
			left: 0;
			right: 0;
			width: 62px;
			height: 40px;
			margin: 0 auto;
			background: url("../img/riskctrl/level.png") no-repeat;
		}

		&:nth-child(2) {
			&:before {
				background-image: url("../img/riskctrl/structure.png");
			}
		}
		&:nth-child(3) {
			&:before {
				background-image: url("../img/riskctrl/committee.png");
			}
		}
	}

	h5 {
		line-height: 50px;
		margin: 0 0 20px;
		background-color: #005bcc;
		font-size: $font26;
		color: #fff;
		text-align: center;
	}

	p {
		text-align: center;
		font-size: $font18;
		line-height: 1.5;
	}
}

.ht-riskctrl-team {
	position: relative;
	height: 350px;
	background-color: #445d9b;

	img {
		position: absolute;
		bottom: 0;
		left: 50%;
		margin-left: 64px;
	}
}

.ht-riskctrl-team-info {
	float: left;
	width: 500px;
	@include info();
}